<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts-wordcloud.min.js"></script>
    <script type="text/javascript" src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
    <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>

</head>
<body>
<div>
    <div class="navbar navbar-default navbar-fixed-top  navbar-inverse">        {# 导航栏 #}
        <a class="navbar-brand" href="#">全球恐怖袭击数据分析网站</a>
        <div class="container">
            <ul class="nav navbar-nav">
                <li><a href="/people/">死亡人数</a></li>
                <li><a href="/time/">袭击次数</a></li>
                <li class="active"><a href="/attack_type/">攻击类型</a></li>
                <li><a href="/weapon/">武器类型</a></li>
                <li><a href="/target/">目标类型</a></li>
                <li><a href="/organization/">恐怖组织竞赛图</a></li>
            </ul>
            <!--右侧侧-->
        </div>
    </div>
</div>
<div id="d7c7a0458ca748659e50ecdba0147fc4" class="chart-container" style="width:900px; height:500px;margin-top: 10%"></div>
<script>
    var chart_d7c7a0458ca748659e50ecdba0147fc4 = echarts.init(
        document.getElementById('d7c7a0458ca748659e50ecdba0147fc4'), 'white', {renderer: 'canvas'});
    var option_d7c7a0458ca748659e50ecdba0147fc4 = {
        "animation": true,
        "animationThreshold": 2000,
        "animationDuration": 1000,
        "animationEasing": "cubicOut",
        "animationDelay": 0,
        "animationDurationUpdate": 300,
        "animationEasingUpdate": "cubicOut",
        "animationDelayUpdate": 0,
        "color": [
            "#c23531",
            "#2f4554",
            "#61a0a8",
            "#d48265",
            "#749f83",
            "#ca8622",
            "#bda29a",
            "#6e7074",
            "#546570",
            "#c4ccd3",
            "#f05b72",
            "#ef5b9c",
            "#f47920",
            "#905a3d",
            "#fab27b",
            "#2a5caa",
            "#444693",
            "#726930",
            "#b2d235",
            "#6d8346",
            "#ac6767",
            "#1d953f",
            "#6950a1",
            "#918597"
        ],
        "series": [
            {
                "type": "wordCloud",
                "shape": "diamond",
                "rotationRange": [
                    0,
                    0
                ],
                "rotationStep": 45,
                "girdSize": 20,
                "sizeRange": [
                    20,
                    100
                ],
                "data": [
                    {
                        "name": "Assassination",
                        "value": 19621,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(94,153,148)"
                            }
                        }
                    },
                    {
                        "name": "Hostage Taking (Kidnapping)",
                        "value": 11647,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(160,36,25)"
                            }
                        }
                    },
                    {
                        "name": "Bombing/Explosion",
                        "value": 90432,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(0,118,28)"
                            }
                        }
                    },
                    {
                        "name": "Facility/Infrastructure Attack",
                        "value": 10848,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(119,128,129)"
                            }
                        }
                    },
                    {
                        "name": "Armed Assault",
                        "value": 43683,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(104,64,35)"
                            }
                        }
                    },
                    {
                        "name": "Hijacking",
                        "value": 657,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(96,144,1)"
                            }
                        }
                    },
                    {
                        "name": "Unknown",
                        "value": 7910,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(71,101,78)"
                            }
                        }
                    },
                    {
                        "name": "Unarmed Assault",
                        "value": 1067,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(112,83,125)"
                            }
                        }
                    },
                    {
                        "name": "Hostage Taking (Barricade Incident)",
                        "value": 1019,
                        "textStyle": {
                            "normal": {
                                "color": "rgb(62,28,48)"
                            }
                        }
                    }
                ],
                "drawOutOfBound": false,
                "textStyle": {
                    "emphasis": {}
                }
            }
        ],
        "legend": [
            {
                "data": [],
                "selected": {},
                "show": true,
                "padding": 5,
                "itemGap": 10,
                "itemWidth": 25,
                "itemHeight": 14
            }
        ],
        "tooltip": {
            "show": true,
            "trigger": "item",
            "triggerOn": "mousemove|click",
            "axisPointer": {
                "type": "line"
            },
            "textStyle": {
                "fontSize": 14
            },
            "borderWidth": 0
        },
        "title": [
            {
                "text": "\u653b\u51fb\u7c7b\u578b\u8bcd\u4e91\u56fe",
                "padding": 5,
                "itemGap": 10
            }
        ]
    };
    chart_d7c7a0458ca748659e50ecdba0147fc4.setOption(option_d7c7a0458ca748659e50ecdba0147fc4);
</script>
</body>
</html>
